body{
  font-family : 微软雅黑;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-size: 100%;
}
.page-content .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.page-content .page-title {
  font-size:24px;
  font-weight:bold;
}
.page-content .ztree * {
  font-family : 微软雅黑;
  font-size: 13px;
}
.portlet-title > .caption {
  font-size: 18px;
}
.page-header.navbar {
  width: 100%;
  padding: 0 20px 0 20px;
  margin: 0;
  border: 0px;
  padding: 0px;
  box-shadow: none;
  height: 46px;
  min-height: 46px;
  filter: none;
  /* Fixed header */
  /* Header logo */
  /* Search box */
  /* Menu Toggler */
  /* Top menu */
}

.page-header.navbar.navbar-fixed-top {
  z-index: 995;
}
.page-header.navbar.navbar-static-top {
  z-index: 995;
}

/*tab页*/
.nav-tabs {
  border-bottom: 3px solid #12bdce;
  background-color: #fff;
}

.nav-tabs>li>a {
  margin-right: 5px;
  line-height: 1.42857143;
  border: 1px solid #12bdce;
  border-radius: 4px 4px 0 0;
  color:#12bdce;
  text-align : center;
  width: 100px;
  padding: 5px 10px;
}

.nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
  background-color: #e3fafd;
  border: 1px solid #12bdce;
  border-bottom-color: transparent;
}

select option:hover{
  color: #fff;
  background-color: #ffbb62;
  border-color: #ffbb62;
}


form {
  margin: 10px 0;
}

/*内容全屏*/
.page-content-wrapper .page-content-padding0 {
  padding: 0;
}


/*表格背景色*/
.table thead tr th {
  background-color: #E4EEF3;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}

/*编辑*/
.table tbody td.editing {
  padding: 0;
}
.table tbody td.changed {
  background: #ffe48d;
}
/*按钮之间分隔线*/
.table tbody td .btn.divider {
  width: 1px;
  height: 20px;
  margin-right: 5px;
  padding: 0;
  background-color: #ddd;
  cursor: default;
}
  /*翻页*/
.dataTables_wrapper .pagination .active > a,
.dataTables_wrapper .pagination .active > a:hover {
  background: #FFA838;
  border-color: #dddddd;
  color: #fff;
}

.dataTables_wrapper .pagination>li>a{
  border:0px solid #ddd;
  background-color:#fafafa;
}
.dataTables_wrapper .pagination>.disabled>a{
  background-color:#fafafa;

}
.dataTables_wrapper .page-bar {
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  background-color: #fff;
  /*border-right: 1px solid #EAF2F5;*/
}
.dataTables_wrapper .page-bar>div.col-md-12 {
  /*border-bottom: 1px solid #EAF2F5;*/
  padding: 0px;
}
.dataTables_wrapper .page-bar .total-bar{
  padding-left: 0px;
}
.dataTables_wrapper .page-bar .total-bar .total, .dataTables_wrapper .page-bar .total-bar .cur{
  color:#FFA838
}
.dataTables_wrapper .page-bar .select-info{
  display: none;
}
.dataTables_wrapper .dataTables_length {
  float:left;
}
.dataTables_wrapper .dataTables_info {
  float:left;
  margin-left: 20px;
}

@media screen and (min-width:800px){
  .dataTables_wrapper .dataTables_length {
    display: none;
  }
  .dataTables_wrapper .dataTables_info {
    float:left;
    margin-left: 0;
  }
}
.dataTables_wrapper .page-bar div.dataTables_length select{
  background-color:#fafafa;
}

.table-striped>tbody>tr:hover {
  background-color: #fef9e1;
}

.pagination>li>a{
  border:0px solid #ddd;
  background-color:#fafafa;
}
.pagination>.disabled>a{
  background-color:#fafafa;

}
div.dataTables_length select{
  background-color:#fafafa;
}
.row{
  background-color:#fdfdfd;
  margin-left: 0px;
  margin-right: 0px;
}

.table-striped>tbody>tr:hover {
  background-color: #fef9e1;
}


/*提交*/
[ng-click="approval(currentButton)"] {
  margin-left:30%;
}
/*编辑*/
.btn-edit  {
  color: #fff;
  background-color: #52B7FB;
  border-color: #52B7FB;
}
.btn-edit:hover, .btn-edit:focus, .btn-edit:active, .btn-edit.active {
  color: #fff;
  background-color: #80ccff;
  border-color: #80ccff;
}
/*查询*/
.btn-select {
  color: #fff;
  background-color: #A7D542;
  border-color: #A7D542;
}
.btn-select:hover, .btn-select:focus, .btn-select:active, .btn-select.active {
  color: #fff;
  background-color: #bfe66a;
  border-color: #bfe66a;
}
/*删除*/
.btn-delete {
  color: #fff;
  background-color: #FFA42E;
  border-color: #FFA42E;
}
.btn-delete:hover, .btn-delete:focus, .btn-delete:active, .btn-delete.active {
  color: #fff;
  background-color: #ffbb62;
  border-color: #ffbb62;
}
/*重置*/
.btn-reset {
  color: #fff;
  background-color: #A3B4C8;
  border-color: #A2B4C8;
}
.btn-reset:hover, .btn-reset:focus, .btn-reset:active, .btn-reset.active {
  color: #fff;
  background-color: #b7c6d7;
  border-color: #b7c6d7;
}
.fa-reset:before{
  background-image: url('../img/page-left.png');
}
/*确定*/
.btn-confirm{
  color: #fff;
  background-color:#53B7FB;
  border-color: #53B7FB;
}
.btn-confirm:hover {
  color: #fff;
  background-color: #80ccff;
  border-color: #80ccff;
}
/*取消*/
.btn-destory{
  color: #fff;
  background-color:#FFA42E;
  border-color: #FFA42E;
}
.btn-destory:hover {
  color: #fff;
  background-color: #ffbb62;
  border-color: #ffbb62;
}
/*部门、岗位、人员tree*/
.ztree li span.button.dept_ico_open, .ztree li span.button.dept_ico_docu {
  margin-right: 2px;
  background: url(../img/ztree/dept_open.png) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle
}

.ztree li span.button.dept_ico_close {
  margin-right: 2px;
  background: url(../img/ztree/dept_close.png) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle
}

/*.ztree li span.button.pos_ico_open {*/
/*margin-right: 2px;*/
/*background: url(../img/ztree/pos_open.png) no-repeat scroll 0 0 transparent;*/
/*vertical-align: top;*/
/**vertical-align: middle*/
/*}*/

.ztree li span.button.pos_ico_open, .ztree li span.button.pos_ico_close, .ztree li span.button.pos_ico_docu {
  margin-right: 2px;
  background: url(../img/ztree/pos_close.png) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle
}

.ztree li span.button.user_ico_docu {
  margin-right: 2px;
  background: url(../img/ztree/user.png) no-repeat scroll 0 0 transparent;
  vertical-align: top;
  *vertical-align: middle
}
/*部门、岗位、人员tree结束*/
/*
 * treeGrid.css
 *
 * Styles for the tree-grid
 * for both Bootstrap 2 and Bootstrap 3
 *
 */
.tree-grid-animate-enter,
.tree-grid-row.ng-enter {
  transition : 200ms linear all;
  position   : relative;
  display    : block;
  opacity    : 0;
  max-height : 0;
}

.tree-grid-animate-enter.tree-grid-animate-enter-active,
.tree-grid-row.ng-enter-active {
  opacity    : 1;
  max-height : 30px;
}

.tree-grid-animate-leave,
.tree-grid-row.ng-leave {
  transition : 200ms linear all;
  position   : relative;
  display    : block;
  height     : 30px;
  max-height : 30px;
  opacity    : 1;
}

.tree-grid-animate-leave.tree-grid-animate-leave-active,
.tree-grid-row.ng-leave-active {
  height     : 0;
  max-height : 0;
  opacity    : 0;
}

/*
 * Angular 1.2.0 Animation placeholders.
 */
.tree-grid-animate.ng-enter {
}

/*
 * Normal CSS styles.
 */
.tree-grid i.indented {
  padding : 2px;
}

.tree-grid .level-1 .indented {
  position : relative;
  left     : 0;
}

.tree-grid .level-2 .indented {
  position : relative;
  left     : 20px;
}

.tree-grid .level-3 .indented {
  position : relative;
  left     : 40px;
}

.tree-grid .level-4 .indented {
  position : relative;
  left     : 60px;
}

.tree-grid .level-5 .indented {
  position : relative;
  left     : 80px;
}

.tree-grid .level-6 .indented {
  position : relative;
  left     : 100px;
}

.tree-grid .level-7 .indented {
  position : relative;
  left     : 120px;
}

.tree-grid .level-8 .indented {
  position : relative;
  left     : 140px;
}

.tree-grid .level-9 .indented {
  position : relative;
  left     : 160px;
}

.tree-grid .tree-icon,
.tree-label {
  cursor : pointer;
}

table.tree-grid {
  max-height : 500px;
  overflow-y : scroll;
}

table.treetable caption {
  font-size: .9em;
  font-weight: bold;
  margin-bottom: .2em;
}

table.treetable span.indenter {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: right;

  /* Disable text selection of nodes (for better D&D UX) */
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;

  /* Force content-box box model for indenter (Bootstrap compatibility) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

  width: 19px;
}

table.treetable span.indenter a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 19px;
}
table.treetable span {
  background-position: center left;
  background-repeat: no-repeat;
  padding: .2em 0 .2em 1.5em;
}

table.treetable span.file {
  background-image: url();
}

table.treetable span.folder {
  background-image: url();
}

table.treetable tr.collapsed span.indenter a {
  background-image: url();
}

table.treetable tr.expanded span.indenter a {
  background-image: url();
}

table.treetable tr.branch {
  background-color: #f9f9f9;
}

table.treetable tr.selected {
  background-color: #3875d7;
  color: #fff;
}

table.treetable tr span.indenter a {
  outline: none; /* Expander shows outline after upgrading to 3.0 (#141) */
}

table.treetable tr.collapsed.selected span.indenter a {
  background-image: url();
}

table.treetable tr.expanded.selected span.indenter a {
  background-image: url();
}

table.treetable tr.accept {
  background-color: #a3bce4;
  color: #fff
}

table.treetable tr.collapsed.accept td span.indenter a {
  background-image: url();
}

table.treetable tr.expanded.accept td span.indenter a {
  background-image: url();
}

/**/
.tips-container {
  position: absolute;
  width: auto;
  display: none;
  /**z-index: 3;**/
  z-index: 10052;
}
.tips-container .content {
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  border: 1px solid #aaa;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px 0px;
  outline: none;
  position: relative;
  padding: 16px;
  min-width: 20px;
  min-height: 55px;
  max-height: none;
  max-width: none;
  border-radius: 6px;
  background: rgb(250, 250, 250);
}
.tips-container i.arrow {
  position: absolute;
  cursor: default;
  font-size: 0px;
  height: 0px;
  width: 0px;
  margin: 0;
  padding: 0;
}
.tips-container i.arrow.top {
  z-index: 2;
  border-color: transparent rgb(250, 250, 250) transparent transparent;
}

.tips-container i.arrow.bottom {
  z-index: 1;
  border-color: transparent rgb(136, 136, 136) transparent transparent;
}
.tips-container .ico-close {
  display: inline-block;
  min-width: 12px;
  min-height: 12px;
  font-size: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #bbb;
  position: absolute;
  font-size: 12px;
  top: 6px;
  right: 10px;
}
.tips-container .ico-close:hover {
  color: #333;
}

/*文件上传*/
.ng-uploader {
  display: inline-block;
}
.ng-uploader .attachments {
  display: none;
}
.ng-uploader.list .attachments {
  display: block;
}
.ng-uploader .fileinput-button {
  position: relative;
  overflow: hidden;
}
.ng-uploader .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 20px;
  direction: ltr;
  cursor: pointer;
}

/*
下拉菜单
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -moz-box-sizing: border-box; /* firefox */
  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {
  display: block;
  /*height: 26px;*/
  /*padding: 0 0 0 8px;*/
  overflow: hidden;
  position: relative;

  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;

  border-radius: 4px;

  background-clip: padding-box;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  border: 1px solid #e5e5e5;
  background-color: #fff;
  background-image: none;
  filter: none;
  height: 34px;
  padding: 3px 0 0px 12px;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;

  border-radius: 0 0 4px 4px;

  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
  float: none;
  width: auto;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;

  /*border-left: 1px solid #aaa;*/
  border-radius: 0 4px 4px 0;

  background-clip: padding-box;

  background-image: none;
  background-color: #fff;
  filter: none;
  /*border-left: 1px solid #e5e5e5;*/
  border-left: none;
}
.select2-container .select2-arrow {
  display: inline-block;
  width: 18px;
  /*height: 100%;*/
  position: absolute;
  right: 0;
  top: 5px;

  /*border-left: 1px solid #aaa;*/
  border-radius: 0 4px 4px 0;

  background-clip: padding-box;

  background-image: none;
  /*background-color: #fff;*/
  filter: none;
  /*border-left: 1px solid #e5e5e5;*/
  border-left: none;
  cursor : pointer;
  outline: none;
}

.select2-container .select2-drop-active {
  position: absolute;
  width: 100%;
  min-height: 200px;
  max-height: 260px;
  overflow: auto;
  z-index: 200;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-top: -1px;
}
.select2-container .param {
  padding: 3px 8px;
  background: rgb(241, 241, 241);
}
.select2-container .param > .form-control,.select2-container .param > div {
  width: 100px;
  display: inline-block;
}
/*右键菜单*/
ul.edMenu,ul.edMenu>li { margin:0; padding:0; }
.edMenu { list-style-type:none; }
.edMenu { position:absolute; float:left; border:1px solid #979797;background:#f1f1f1; padding:2px; box-shadow:2px 2px 2px rgba(0, 0, 0, .6); overflow:hidden; }
ul.edMenu li { float:left; clear:both; height:24px; cursor:pointer; line-height:24px; white-space:nowrap; padding:0 30px; width:100%; display:inline-block; }
ul.edMenu li:hover { background:#E6EDF6; border:1px solid #B4D2F6; }

/*弹出层*/
body.modal-open {
  overflow: hidden !important;
}
.modal {
  z-index: auto !important;
  overflow: visible !important;
}
.modal .modal-header .modal-title {
  display: inline-block;
}
.modal .modal-header .close {
  margin-top: 8px !important;
}
.modal.ui-draggable.ui-draggable-dragging {
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.modal.ui-draggable .modal-header {
  cursor: move;
}

/*验证码*/
.form-group.captcha {
  position: relative;
}

.form-group.captcha img {
  height: 32px;
  position: absolute;
  top: 1px;
  right: 16px;
  cursor: pointer;
}

.modal .user-select {
  margin-bottom: 0px;
  display: inline-block;
  width: 100%;
}